<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>

<head>

<script type='text/javascript' src='/serp/dwr/interface/AjaxService.js'></script>
<script type='text/javascript' src='/serp/dwr/engine.js'></script>
<script type='text/javascript' src='/serp/dwr/util.js'></script>
<script type="text/javascript" src="js/ajaxService.js"></script>


<link href="ccs/global.css" rel="stylesheet" type="text/css">
<link href="ccs/login.css" rel="stylesheet" type="text/css">
<link href="ccs/estilos.css" rel="stylesheet" type="text/css">

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/js/jquery.js"></script>

<!-- Incluimos el plugin -->
<script src="js/bjqs.min.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#acept").click(function(){
		$("form").submit();
	})
});
</script>
<title>SERP</title>
</head>
<body>
<div id="contenedor" class="divContenedor">
<div id="header" class="divHeader">
<iframe src="vistas/commons/header.html" frameborder="0" width="100%"></iframe>
   </div>
<!--BODY-->
<div id="body" class="divBody">
<!--DIV LOGIN-->
<div id="contendorSlide" class="divSlider"> 
     
    <div id="slider">
        <ul class="bjqs">
            <li>
                <img src="img/nomina.jpg" alt="" title="Gestione su nomina facilmente." />
            </li>
            <li>
                <img src="img/auditoria.jpg" alt="" title="Realize auditorias de sus procesos." />
            </li>
            <li>
                <img src="img/administracion.jpg" alt="" title="Administre su empresa de manera eficaz." />
            </li>
            <li>
            <img src="img/trabajadores.jpg" alt="" title="Sea cual sea su negocio SERP lo ayudara." />
            </li>
        </ul>
    </div>
</div>
<div class="divLogin" id="Login">
<div id="tableLogin"> 
<s:actionerror/>
<s:form id="form" action="login.action" method="post">  
<table class="tableLogin">
	<tr>
		<td> 
			 <s:textfield name="username" key="label.username" size="20" />
		</td>
	</tr>
	<tr>
		<td>
			<s:password name="password" key="label.password" size="20"/>
		</td>
	</tr>
	 <tr> 
    <td align="right"> 
        <img id="acept" src="img/aceptar.png">
    </td>
    <td>
        <img  id="cancell" src="img/cancelar.png" onclick="login(username,password);">
    </td>
</table>

</s:form>


</div> 
</div>
<!--DIV SLIDER -->

</div>

<!--FOOTER-->
 <div id="footer" class="divFooter"><center>
 <s:label key="label.footer"></s:label>
</center>
   </div>

</div>
</body>
</html>